<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>充值</title>
  <style>
		.czzh li{
			border:2px solid #00aa00;
			margin:0 20px 20px 0;
			list-style:none;
			display:inline-block; 
			width:30%; 
			height:200px;
			text-align:center;
			line-height:125px;
		    border-radius: 10px;
			color:#00aa00;
			float:left;
		}

		.czzh li:hover{
			background-color:#00aa00;
			color:#ffffff;
		}
		
		.czzh li h1{
			height:10px;
			font-size:50px;
		}

		.czzh li p{
			font-size:35px;
		}
	</style>
 </head>
 <body>
	<!-- 充值组合 -->
    <div>
		<ul class="czzh">
			<li onclick="pay(20)"><h1>20元</h1><p>售价19.9元</p></li>
			<li onclick="pay(30)"><h1>30元</h1><p>售价29.9元</p></li>
			<li onclick="pay(50)"><h1>50元</h1><p>售价49.9元</p></li>
			<li onclick="pay(100)"><h1>100元</h1><p>售价99.9元</p></li>
			<li onclick="pay(150)"><h1>150元</h1><p>售价149.9元</p></li>
			<li onclick="pay(200)"><h1>200元</h1><p>售价199.9元</p></li>			
		</ul>
	</div>
	<script>
		function pay(fee){
			location.href="/pay.php?fee="+fee;
		}
	</script>
 </body>
</html>
